<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>示例</title>
</head>
<body>

    <!-- 使用双大括号(Mustache 语法) "{{}}" 是最基本的文本插值方法, 它会自动将我们双向绑定的数据实时显示出来 -->
    <div id="app">

        {{ number / 10 }}
        {{ isOk ? "确定" : "取消" }}
        {{ text.split(',').reverse().join(',') }}

        <!--
            注: Vue.js 只支持单个表达式, 不支持语句和流控制。另外,在表达式中, 不能使用用户自定义的全局变量,
            只能使用 Vue 白名单内的全局变量
         -->

    </div>

    <script src="https://unpkg.com/vue/dist/vue.min.js"></script>
    <script>

        var app = new Vue({
            el: "#app",
            data: {
                number: 100,
                isOk: false,
                text: '123,456'
            }


        });

    </script>

</body>
</html>